<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <h:panelGrid columns="1" style="width: 650px;margin: 0px auto;">
                        <p:commandButton id="btnNuevaOrdenCompra" action="#{MBCosteoImportacion.nuevo()}" value="AGREGAR COSTEO IMPORTACIÓN" ajax="false"/>
                    </h:panelGrid> 
                </h:form>
                <h:form>
                    <p:panel id="pnlBusquedaOrdenCompra" header="Consultar Costeo Importación" style="width: 650px;margin: 0 auto;" 
                             toggleable="true" widgetVar="buscar" collapsed="#{BKCosteoImportacion.listaCosteosActivos ne null}" >

                        <p:panelGrid>

                            <p:row>
                                <p:column>
                                    <h:outputLabel value="CODIGO: " class="lblBusqueda" />

                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKCosteoImportacion.costeoBusqueda.codigo}" style="width: 100%" />
                                </p:column>
                                <p:column>
                                    <h:outputLabel value="Nº FACTURA: " class="lblBusqueda" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKCosteoImportacion.costeoBusqueda.idFacturaCompra.numeroFactura}" style="width: 100%" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblFechaInicio" value="DEL: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaInicio" locale="es" size="21"
                                                value="#{BKCosteoImportacion.fechaInicio}" 
                                                pattern="dd/MM/yyyy" 
                                                maxdate="#{BKCosteoImportacion.fechaFinal}"
                                                showOn="button" showButtonPanel="true" navigator="true">
                                        <p:ajax event="dateSelect" process="@this" update="txtFechaFinal" />
                                    </p:calendar>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFechaFinal" value="AL: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaFinal" locale="es" size="21"
                                                value="#{BKCosteoImportacion.fechaFinal}" 
                                                pattern="dd/MM/yyyy"
                                                mindate="#{BKCosteoImportacion.fechaInicio}"
                                                showOn="button" showButtonPanel="true" navigator="true">
                                        <p:ajax event="dateSelect" process="@this" update="txtFechaInicio" />
                                    </p:calendar>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnBuscar" value="BUSCAR" update="dataTablaCosteoImportacion"  
                                                     oncomplete="listaCosteo.show();buscar.toggle()" style="font-size: 12px" styleClass="ui-priority-primary"
                                                     actionListener="#{MBCosteoImportacion.buscarCosteos}" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>



                    </p:panel>
                    <p:panel id="pnlListaCuentas" header="Lista de Ordenes de Compra" closable="true" style="width: 100%;margin: 0px auto" 
                             visible="#{(BKCosteoImportacion.listaCosteosActivos eq null)?false:true}" widgetVar="listaCosteo" >
                        <p:dataTable id="dataTablaCosteoImportacion" var="costeo" widgetVar="carsTable"
                                     value="#{BKCosteoImportacion.listaCosteosActivos}" 
                                     emptyMessage="No se encontraron costeos" filteredValue="" rowIndexVar="rowIndex"
                                     paginator="true" rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="20,40,60" 
                                     scrollable="true" scrollHeight="250" style="width:100%" paginatorPosition="bottom" styleClass="datable-busqueda"> 
                            <f:facet name="header" >
                                <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaCosteoImportacion" fileName="clientes" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaCosteoImportacion" fileName="clientes"/>  
                                    </h:commandButton>
                                </p:outputPanel>

                            </f:facet>
                            <p:column id="idColumnaNum" headerText="Nº" style="width: 10%"> 
                                <h:outputText value="#{rowIndex+1}" /> 
                            </p:column>

                            <p:column id="idColumnaNumFactura" style="width: 20%"
                                      sortBy="#{costeo.idFacturaCompra.numeroFactura}"  > 
                                <f:facet name="header">  
                                    <h:outputText value="Nº Factura" />  
                                </f:facet>
                                <h:outputText value="#{costeo.idFacturaCompra.numeroFactura}" /> 
                            </p:column>

                            <p:column id="idColumnaCodigo" style="width: 20%"
                                      sortBy="#{costeo.codigo}" >
                                <f:facet name="header">  
                                    <h:outputText value="Codigo" />  
                                </f:facet>
                                <h:outputText value="#{costeo.codigo}" /> 
                            </p:column>
                            <p:column id="idColumnaFechaEmision" sortBy="#{costeo.fechaEmision}"
                                      style="width: 20%"> 

                                <f:facet name="header">  
                                    <h:outputText value="Fec. Emision" />  
                                </f:facet> 
                                <h:outputText value="#{costeo.fechaEmision}" > 
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaTotalImportacion" style="width: 20%"
                                      sortBy="#{costeo.totalImportacion}"> 
                                <f:facet name="header">  
                                    <h:outputText value="Total Importación" />  
                                </f:facet> 
                                <h:outputText value="#{costeo.totalImportacion}" > 
                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                </h:outputText>
                            </p:column>


                            <p:column id="idAccionesCuentaBancaria" headerText="Acciones" exportable="false" style="width: 10%">
                                <p:commandButton icon="ui-icon-search" title="Ver" ajax="false"  action="#{MBCosteoImportacion.ver()}">
                                    <f:setPropertyActionListener value="#{costeo}" target="#{BKCosteoImportacion.costeoFormulario}" />  
                                </p:commandButton>
                                <p:commandButton icon="ui-icon-pencil" title="Editar" ajax="false"  action="#{MBOrdenCompra.editar()}" >
                                    <f:setPropertyActionListener value="#{costeo}" target="#{BKCosteoImportacion.costeoFormulario}" />  
                                </p:commandButton>  
                                <p:commandButton id="btnEliminarBanco" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmarEliminar.show()">
                                    <f:setPropertyActionListener value="#{costeo}" target="#{BKCosteoImportacion.costeoSeleccionado}" />
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>	
                    </p:panel>

                    <p:confirmDialog id="dlgEliminarOrdenCompra" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmarEliminar">
                        <p:commandButton id="btnConfEliOrdenCompra" update="dataTablaCosteoImportacion" value="Si"  oncomplete="confirmarEliminar.hide()"  
                                         actionListener="#{MBCosteoImportacion.eliminar}" />  
                        <p:commandButton id="btnCancEliOrdenCompra" value="No" onclick="confirmarEliminar.hide()" type="button" />   
                    </p:confirmDialog>



                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>
</html>   